<template>
	<up-tabbar
		:fixed="true"
		:value="curTab"
		:placeholder="false"
		:safeAreaInsetBottom="false"
		@change="changeTab"
	>
		<up-tabbar-item name="/pages/index/index" text="首页" icon="home"></up-tabbar-item>
		<up-tabbar-item name="/moduleA/houselist/houselist" text="房源列表" icon="list-dot"></up-tabbar-item>
		<up-tabbar-item name="/pages/map/map" text="地图找房">
			<template #active-icon>
				<image class="icon-image" src="../../static/map_active.png" mode=""></image>
			</template>
			<template #inactive-icon>
				<image class="icon-image" src="../../static/map.png" mode=""></image>
			</template>
		</up-tabbar-item>
		<up-tabbar-item name="/pages/my/my" text="我的" icon="account"></up-tabbar-item>
	</up-tabbar>
</template>

<script setup>
import { ref } from 'vue';
	const curTab = ref('')
	//获取当前页面的页面地址
	const pages = getCurrentPages() // 这是个数组
	const curPageObj = pages[pages.length - 1] // 拿到了当前页面也就是数组最后一个元素的对象
	const curPagePath = curPageObj.route // 拿到了当前页面的地址
	console.log(curPagePath)
	curTab.value = '/' + curPagePath
	// pages/index/index
	// pages/houselist/houselist
	const changeTab = (index) => {
		console.log(index)
		uni.navigateTo({
			url: index
		})
	}
</script>

<style lang="scss">
.icon-image{
	width: 40rpx;
	height: 40rpx;
}
</style>